<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
        <title>因赛集团考勤系统</title>
        <link rel="stylesheet" type="text/css" href="../public/home/css/weui.min.css"/>
        <link rel="stylesheet" type="text/css" href="../public/home/css/jquery-weui.min.css"/>
        <link rel="stylesheet" type="text/css" href="../public/home/css/example.css"/>
        <link rel="stylesheet" type="text/css" href="../public/home/css/swiper.min.css"/>
        <style type="text/css">
        	.explain .content{
        		padding: 0 5%;
        		font-size: 12px;
        		line-height: 1.2rem;
        	}
        	.indent{
        		text-indent: 2em;
        	}
        	.menu a{
        		color: #0066cc;
        	}
        	#totop{
        		display: none;
        		width: 32px;
        		height: 32px;
        		position: fixed;
        		bottom: 50px;
        		right: 5%;
        		background: url(../public/home/img/top.png) no-repeat;
        	}
        	.title_font{
        		font-size: 14px;
        		line-height: 1.5rem;
        	}
        </style>
    </head>
    <body>
    	<a href="#top" id="totop"></a>
    	<div class="explain" id="top">
    		<a href=""></a>
			<h1 class="title">
				使用说明
				<a class="home" href="../">
					<img class="fl" src="../public/home/img/home_logo.png" style="margin-right: 5%;"/>
				</a>
			</h1>
			<div class="content">
				<p class="indent">为了更方便的登录考勤系统，请小伙伴们先关注公众号“因赛行政助理”，打开对话并点选考勤可跳转至登录界面，账号为因赛云同名，初始密码为abc123，登录后方可使用考勤系统。系统主要数据来源仍为指纹打卡机，因此打卡方式不变。</p>			
				<br />
				<h2 class="title_font">一、主要功能：</h2>
				<ul class="menu">
					<li>
						<a href="#one">1.查看考勤</a>
					</li>
					<li>
						<a href="#two">2.外出申请</a>
					</li>
					<li>
						<a href="#three">3.假期申请</a>
					</li>
					<li>
						<a href="#four">4.加班申请</a>
					</li>
					<li>
						<a href="#five">5.补打卡申请</a>
					</li>
					<li>
						<a href="#six">6.审批</a>
					</li>
					<li>
						<a href="#seven">7.数据提取</a>
					</li>
				</ul>
				<br />
				<h2 class="title_font">二、使用方法：</h2>
				<ul>
					<li id="one">
						1. 查看考勤:
						<p class="indent">通过主界面可查看今天的日期、当月考勤汇总情况（入职时间、年假、补休时间、病假、上月考勤概况），滑动日历可查看60天内打卡情况。日历上不同颜色显示表示不同考勤状况，可通过点击日期查看当天的考勤情况。其中不同颜色表示的考勤情况如下：</p>
						<span style="color: #5fdc46;">绿色</span>-正常考勤<br />
						<span style="color: #cdd244;">黄色</span>-缺勤（缺勤占8小时应出勤比例越大，当天黄色比例越大）<br />
						<span style="color: #e47e6d;">红色</span>-旷工<br />
						<span style="color: #1aad19;">加</span>-加班（超过8小时有效工时后产生的为加班时间）<br />
						<span style="color: #1aad19;">申</span>-提交的申请已通过<br />
						赞标志-9:00-18:00在岗<br />
						<p class="indent">用户可通过日历上的颜色表示实时监控自己的出勤情况，并选择相应的申请完善考勤数据。</p>
					</li>
					<br />
					<li id="two">
						2. 外出申请
						<p class="indent">点击外出申请按钮或点击需要补充考勤数据的日期，滚动选择相应的日期、时间（如点击日期系统自动默认为点击当天），填写好外出的原因并选择可共享位置，点击提交后会发送至直属主管处进行审批，审批通过后系统补充考勤数据。</p>
					</li>
					<br />
					<li id="three"> 
						3. 假期申请
						<p class="indent">点击假期申请按钮或点击需要补充考勤数据的日期，滚动选择相应的请假类型（调休、事假、年假、病假、婚假、产假、陪产假、其他。其中调休需有剩余补休时间才可选择）、日期、时间（如点击日期系统自动默认为点击当天），并填写好请假原因，点击提交后会发送至主管、行政人员审批。若存在三天以上请假会发送至主管、行政人员、人事人员审批，通过后系统自动补充考勤数据。</p>
					</li>
					<br />
					<li id="four">
						4. 加班申请
						<p class="indent">用户加班至0:00后自动发送加班提醒至主管处，主管可在24小时内提出异议，若没做出任何处理则自动核算0:00后的加班工时。用户也可通过此项查看自己曾经发送的加班申请关注自己的加班情况。</p>
					</li>
					<br />
					<li id="five">
						5. 补打卡申请
						<p class="indent">点击补打卡申请按钮或点击需要补充考勤数据的日期，滚动选择相应的日期、时间（如点击日期系统自动默认为点击当天），点击提交后会发送至直属主管处进行审批，审批通过后系统自动补充考勤数据。</p>
					</li>
					<br />
					<li id="six">
						6. 审批
						<p class="indent">主管级别可点击审批按钮查看团队成员提交的申请（外出、假期、加班、补卡申请），点击可查看详情，若申请较多时可一键审批全部确认通过。每天8:00因赛行政助理会自动推送前天申请提醒至微信，提醒主管进行审批。</p>
					</li>
					<br />
					<li id="seven">
						7. 数据提取
						<p class="indent">用户若对考勤数据存在疑问，可通过向行政人员申请查看详细的考勤数据。</p>
					</li>
				</ul>
				<br />
				<h2 class="title_font">三、考勤纪律</h2>
				<ul>
					<li>
						<b></b>1. 申请时间
						<p class="indent">事假需提前三天申请，其他假期、外出、补卡、通宵加班申请都必须在当天填写，如需补填必须在7天内补齐，超过7天不予以修改。</p>
					</li>
					<br />
					<li>
						2. 补休使用
						<p class="indent">加班产生的补休时间需在60天内休完，超过限期并未使用视为放弃使用。</p>
					</li>
				</ul>
				<br />
				<p style="text-align: right;margin-right: 4px;">2017年3月23日</p>
				<p style="text-align: right;">综合行政部编写</p>
			</div>
			
    	</div>
    	
    	<script src="../public/home/js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
    	<script type="text/javascript">
    		$(function(){
		        var winH = $(window).height()    //获取浏览器高度，用来判断用户进入第二屏 
		        $(window).scroll(function(e) {  
			        var winTop = $(window).scrollTop()   // 获取窗口滚动坐标值
			        if( winTop > winH ){                 // 
			            $('#totop').fadeIn();
			        }else{
			      		$('#totop').fadeOut();
			        }
		        })
			});
    	</script>
	</body>
</html>